// src/components/HttpConfigForm/styles.ts
import { createStyles } from 'antd-style';

export const useStyles = createStyles(({ token }) => ({
  card: {
    marginBottom: token.marginLG,
    borderRadius: token.borderRadiusLG,
  },
  listItem: {
    display: 'flex',
    alignItems: 'center',
    gap: token.paddingSM,
    marginBottom: token.paddingXS,
  },
  deleteBtn: {
    color: token.colorTextSecondary,
    transition: 'color 0.2s',
    '&:hover': {
      color: token.colorError,
    },
  },
}));
